<%-- 
    Document   : appraisalcontent
    Created on : 05 4, 11, 5:17:54 PM
    Author     : Lee
--%>

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<s:div id="appraisal">
    <s:form action="get-borrower-appraisal" theme="simple" cssStyle="position: relative; left: 550px; font-size: 11px !important; width: 450px;">
        <s:label cssStyle="font-size: 11px !important">Enter the Loan Verification No: </s:label>
        <s:textfield name="catvalue" value="appraise" cssStyle="display: none" />
        <sj:autocompleter list="%{#laap.laapList}" indicator="true" id="autocompleteappraise" cssClass="autocomplete" cssStyle="width: 10px !important; background-color: white; z-index: -1000" name="borrowerinfo" selectBox="true" />
        <sj:submit id="go" button="true" cssClass="ui-state-default" cssStyle="font-size:12px; visibility: hidden" value="Go" />
    </s:form>
    <s:form id="appraisalform" action="add-appraisal" theme="simple"  method="post" enctype="multipart/form-data">
        <s:div>
            <fieldset>
                <legend>
                    <h3>Document Information</h3>
                </legend>
                <table border="0" width="100%">
                    <tr>
                        <td>
                            <s:label>Document</s:label>
                        </td>
                        <td>
                            <s:label><s:textfield id="doctypeapp" name="doctypeapp" cssStyle="font-size: 11px; width: 100px" label="Document Type" readonly="true" value="Appraisal"/></s:label>
                        </td>
                        <td nowrap="true">
                            <s:label>Document No.</s:label>
                        </td>
                        <td>
                            <s:label><s:textfield id="docnoapp" name="docnoapp" cssStyle="font-size: 11px; width: 100px" label="Document No." /></s:label>
                        </td>
                        <td>
                            <s:label>Document Date</s:label>
                        </td>
                        <td>
                            <s:label><div class="inputContainer"><sj:datepicker  id="documentdateapp" cssStyle="font-size: 11px; width: 100px" name="documentdateapp" label="Document Date" cssClass="validate[required]"/></div></s:label>
                        </td>
                        <td><s:label>Document Image</s:label></td><td><s:file name="userImage" label="User Image" cssStyle="font-size: 11px; width: 100px" /></td>
                    </tr>
                    <tr>
                        <td><s:label>Document Ref</s:label></td><td><s:textfield readonly="true" id="docreftypeci" cssStyle="font-size: 11px; width: 100px;" name="docreftypeci" label="Document Ref Type" value="Loan Application" /></td>
                        <td><s:label>Document Ref No.</s:label></td><td><s:textfield readonly="true" id="docrefnoci" cssStyle="font-size: 11px; width: 100px" name="docrefnoci" value="%{#request['loanver'].documents.documentno}" label="Document Ref No." /></td>
                        <td><s:label>Document Ref Date</s:label></td><td><s:textfield name="docdate" cssStyle="font-size: 11px; width: 100px" label="Document Date" readonly="true" value="%{#request['loanver'].documents.documentdate}" /></td>
                        <td style="display: none"><s:label>Loan Verification ID</s:label></td><td style="display: none"><s:textfield name="loanverid" cssStyle="font-size: 11px; width: 100px" label="loanverid" readonly="true" value="%{#request['loanver'].loanverificationid}" /></td>
                        <td style="display: none"><s:label>Employee Id</s:label></td>
                        <td style="display: none"><s:textfield name="employeeid" value="%{#session['employee'].idnumber}" readonly="true" label="Employee Id"/></td>
                    </tr>
                    <tr>

                        <td style="display: none">
                            <s:label>Borrower Code</s:label>
                        </td>
                        <td style="display: none">
                            <s:label><s:textfield id="borrowercode" name="borrowercode" label="Borrower Code"/></s:label>
                        </td>
                        <td><s:label>Borrower's Full Name: </s:label></td>
                        <td><div class="inputContainer"><s:textfield cssStyle="font-size: 11px; width: 100px" id="nickname" name="nickname" label="Nickname" value="%{#request['loaninfo'].borrowername}" key="creditinvestigations.nickname" readonly="true" cssClass="validate[required] text-input" /></div></td>
                        <td style="display: none"">
                            <s:label>Loan Application ID</s:label>
                    </td>
                    <td style="display: none">
                        <s:textfield id="loanappidapp" name="loanappidapp" cssStyle="font-size: 11px; width: 100px" label="loanappidapp No." value="%{#request['loaninfo'].loanappid}"/>
                    </td>

                    <td style="display: none"><s:textfield name="dateoffirstrelease" value="DATE" readonly="true" /></td>
                </tr>

            </table>
        </fieldset>
    </s:div>
    <s:div id="approverflow" cssStyle="height: 320px">
        <%--<table border="0">
            <tr>
                <td><s:textfield id="borrowername" name="borrowername" label="borrowername" /></td>
                <td></td>
            </tr>
        </table>--%>

        <fieldset style="display: inline; float: left">
            <legend>
                <h3>Collaterals</h3>
            </legend>
            <div style="width: 650px; height: 300px; overflow: auto; float: left; display: inline">
                <table border="0">
                    <tr id="trlabelapp">
                        <td nowrap="true"></td>
                        <td align="center" id="tobeclonedapp">1</td>
                    </tr>
                    <tr id="trmakeandtype">
                        <td nowrap="true"><s:label cssStyle="width: 400px">Make and Type</s:label></td>
                        <td id="tobeclonedmakeandtype"><div class="inputContainer"><s:textfield id="makeandtype" name="makeandtype" cssClass="validate[required]" label="Make & Type" /></div></td>
                    </tr>
                    <tr id="trbrand">
                        <td><s:label cssStyle="width: 400px">Brand</s:label></td>
                        <td id="tobeclonedbrand"><div class="inputContainer"><s:textfield id="brand8" name="brand" label="Brand" cssClass="validate[required]" /></div></td>
                    </tr>
                    <tr id="trserial">
                        <td><s:label cssStyle="width: 400px">Series Number</s:label></td>
                        <td id="tobeclonedserial"><s:textfield id="serialno" name="serialno" label="Serial Number" /></td>
                    </tr>
                    <tr id="trmodel">
                        <td><s:label cssStyle="width: 400px" nowrap="true">Model Number</s:label></td>
                        <td id="tobeclonedmodel"><s:textfield id="modelno" name="modelno" label="Model Number" /></td>
                    </tr>
                    <tr id="trreg">
                        <td><s:label cssStyle="width: 400px">Reg. Cert. No.</s:label></td>
                        <td id="tobeclonedreg"><s:textfield id="regcertno" name="regcertno" label="Reg. Cert. No." /></td>
                    </tr>
                    <tr id="trmotor">
                        <td><s:label cssStyle="width: 400px">Motor No.</s:label></td>
                        <td id="tobeclonedmotor"> <s:textfield id="motorno" name="motorno" label="Motor No." /></td>
                    </tr>
                    <tr id="trchasis">
                        <td><s:label cssStyle="width: 400px">Chassis No.</s:label></td>
                        <td id="tobeclonedchasis"><s:textfield id="chasisno" name="chasisno" label="Chassis No." /></td>
                    </tr>
                    <tr id="trplate">
                        <td><s:label cssStyle="width: 400px">Plate No.</s:label></td>
                        <td id="tobeclonedplate"><s:textfield id="plateno" name="plateno" label="Plate No." /></td>
                    </tr>
                    <tr id="trfair">
                        <td><s:label cssStyle="width: 400px">F.M. Value</s:label></td>
                        <td id="tobeclonedfair"><div class="inputContainer"><s:textfield id="fairmarketvalue" name="fairmarketvalue" cssClass="validate[required]" label="F.M. Value" /></div></td>
                    </tr>
                    <tr id="trlocation">
                        <td><s:label cssStyle="width: 400px">Location</s:label></td>
                        <td id="tobeclonedlocation"><s:textfield id="location8" name="location" label="Location" /></td>
                    </tr>
                    <tr id="trgen">
                        <td nowrap="true"><s:label cssStyle="width: 400px">General Condition</s:label></td>

                        <td id="tobeclonedgen">
                            <div class="inputContainer">
                                <s:select
                                    cssClass="validate[required]"
                                    id="gencon8" name="gencon" label="General Condition"
                                    list="{'Excellent','Good','Fair','Poor'}"
                                    headerKey="-1"
                                    headerValue="Please Select"
                                    emptyOption="false"
                                    value="1" />
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="width: 300px; float: left; display: inline">
                <table border="1">
                    <tr><td><s:label cssStyle="width: 400px">TOTAL FAIR MARKET VALUE</s:label></td><td><div class="inputContainer"><s:textfield id="totalfairmarketvalue" name="totalfairmarketvalue" label="totalfairmarketvalue" cssClass="validate[required]" /></div></td></tr>
                    <tr><td><s:label cssStyle="width: 400px">TOTAL APPRAISED VALUE</s:label></td><td><div class="inputContainer"><s:textfield id="totalappraisedvalue" name="totalappraisedvalue" label="totalappraisedvalue" cssClass="validate[required]" /></div></td></tr>
                    <tr><td><s:label cssStyle="width: 400px">LOANABLE AMOUNT</s:label></td><td><div class="inputContainer"><s:textfield id="loanableamount" name="loanableamount" label="loanableamount" cssClass="validate[required]" /></div></td></tr>
                </table>
            </div> 
        </fieldset>
        <p style="padding: 0; margin: 0; display: inline; float: left"><input type="button" id="btnappraisal" value="Add More"/></p>

    </s:div>
    <s:div id="buttons" cssStyle="float:right">
        <sj:submit cssClass="ui-state-default" value="Save Appraisal" button="true" cssStyle="float:left;margin-top:2px;font-size:12px !important;font-family: Tahoma, Geneva, sans-serif !important;" />
        <%--<sj:a button="true" 
              cssClass="default" 
              cssStyle="float:left;
              height:22px !important;
              margin-top:2px;
              font-size:12px !important;
              line-height: 0;
              font-family: Tahoma, Geneva, sans-serif;">
            Cancel
        </sj:a>--%>
    </s:div>
</s:form>
</s:div>